<ul xmlns:th="http://www.thymeleaf.org" th:remove="tag">
    <li th:each="article: ${articles}" th:id="${'article_' + article.id}" data-article-id="16285925" class="">
        <div class="content">
            <div class="author">
                <a class="avatar" target="_blank"
                   href="http://www.jianshu.com/u/cd71ddfdf5bf">
                    <img src="http://placehold.it/32X32" alt="64">
                </a>
                <div class="name">
                    <a class="blue-link" target="_blank"
                       href="http://www.jianshu.com/u/cd71ddfdf5bf">XXXX</a>
                    <span class="time" data-shared-at="2017-09-16T20:21:42+08:00">
						09.16 20:21
					</span>
                </div>
            </div>
            <a class="title" target="_blank"
               th:href="@{/articles/{aId}(aId = ${article.id})}">[[${article.title}]]</a>
            <p class="abstract">
                ....
            </p>
            <div class="meta">
                <a target="_blank" th:href="@{/articles/{aId}(aId = ${article.id})}">
                    <i class="iconfont ic-list-read"></i> 0
                </a>
                <a target="_blank"
                   th:href="@{/articles/{aId}(aId = ${article.id})}">
                    <i class="iconfont ic-list-comments"></i> 0
                </a>
                <span> <i class="iconfont ic-list-like"></i> 0</span>
            </div>
        </div>
    </li>
</ul>
